﻿/* ****************************

		 Basic Theme

**************************** */

/*body {
	width: 90%;
	margin: 0 auto;
	background-color:#fff;
	color:#000;
	font-size:14px;
	font-family:'Helvetica Neue', Helvetica, Arial, Verdana, Tahoma, sans-serif;
}

a {
	color:#000;
}

hr {
	margin: 30px 0;
	border: 1px solid #000;
}
*/

/* Generic Utility */
.hide {
	position: absolute;
	top: -9999px;
	left: -9999px;
}



/* ****************************
		Navigation tab
**************************** */

.nav {
	position: relative;
	bottom: -6px;
	width:100%;
	height:34px;
	margin: 0 auto;
	padding:0;
}
.ie7 .nav {
	bottom:0;
}

.nav li {
	float:left;
	position:relative;
	display:block;
	background: #8e9ea1;
	height:34px;
	line-height:34px;
	text-align:center;
	font-family: 'Oswald',sans-serif;
	font-weight:300;
	font-size:22px;
	color:#FFF;
}


/* Align Left */
.nav.left li {width:86px;} 


/* Align Center */
.nav.center.col2 {width:172px;}
.nav.center.col3 {width:360px;}
/*@media only screen and (min-width: 600px) {
.nav.center.col3 {
	width:531px;
}
}*/
.nav.center.col4 {width:344px;}
.nav.center.col5 {width:430px;}
.nav.center.col6 {width:516px;}
.nav.center.col7 {width:602px;}
.nav.center.col8 {width:688px;}
	
.nav.center.col2 li,
.nav.center.col3 li,
.nav.center.col4 li,
.nav.center.col5 li,
.nav.center.col6 li,
.nav.center.col7 li,
.nav.center.col8 li {width: 86px; margin:0 0 0 34px;}
/*@media only screen and (min-width: 600px) {
.nav.center.col3 li {
	width:143px;
}
}*/

.nav.center.col3 li div.ribbon-wrap {
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 0 34px 34px;
	border-color: transparent transparent #5e6d70;
	position:absolute;
	left:-34px;
}
.nav.center.col3 li.active div.ribbon-wrap {
	border-color: transparent transparent #c13b00;
}


/* right */
.nav.right li {float: right; width:86px;}


/* fullwidth */
.nav.col2 li {
	width:50%;
	*width: 49.9%;
}

.nav.col3 li {
	width:33.3333%;
	*width:33.2222%;
}

.nav.col4 li {
	width:25%;
	*width:24.9%;
}

.nav.col5 li {
	width:20%;
	*width:19.9%;
}

.nav.col6 li {
	width:16.6666%;
	*width:16.5555%;
}

.nav.col7 li {
	width:14.2857%;
	*width:14.1857%;
}

.nav.col8 li {
	width:12.5%;
	*width:12.44%;
}


.nav li:hover {
	text-decoration:underline;
	cursor:pointer;
}

.nav li.active {
	background: #ff6600;
	color: #fff;
	z-index:50;
	height:40px;
}



/* ****************************
			Content
**************************** */

.ct-content {
	clear:both;
	position:relative;
	/*width: 100%;
	background: #f0f0f0;
	background: rgba(0,0,0,.05);*/
}

.tab_content {
	padding: 15px 2% 30px 2%;
}


.ct-content h1, h2, h3, h4, h5 {
	font-weight:bold; margin: 0.5em 0;
}

.ct-content h1, section h1 {font-size:2.1em;}
.ct-content h2, section h2 {font-size:1.8em;}
.ct-content h3, section h3 {font-size:1.5em;}
.ct-content h4, section h4 {font-size:1.2em;}
.ct-content h5, section h5 {font-size:1em;}



/* Responsive Row (extracted from bootstrap for a simple integration) */

.row-fluid {
  width: 100%;
  *zoom: 1;
}

.row-fluid:before,
.row-fluid:after {
  display: table;
  line-height: 0;
  content: "";
}

.row-fluid:after {
  clear: both;
}

.row-fluid [class*="span"] {
  display: block;
  float: left;
  width: 100%;
  min-height: 30px;
  margin-left: 2.127659574468085%;
  *margin-left: 2.074468085106383%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.row-fluid [class*="span"]:first-child {
  margin-left: 0;
}

.row-fluid .controls-row [class*="span"] + [class*="span"] {
  margin-left: 2.127659574468085%;
}

.row-fluid .span12 {
  width: 100%;
  *width: 99.94680851063829%;
}

.row-fluid .span11 {
  width: 91.48936170212765%;
  *width: 91.43617021276594%;
}

.row-fluid .span10 {
  width: 82.97872340425532%;
  *width: 82.92553191489361%;
}

.row-fluid .span9 {
  width: 74.46808510638297%;
  *width: 74.41489361702126%;
}

.row-fluid .span8 {
  width: 65.95744680851064%;
  *width: 65.90425531914893%;
}

.row-fluid .span7 {
  width: 57.44680851063829%;
  *width: 57.39361702127659%;
}

.row-fluid .span6 {
  width: 48.93617021276595%;
  *width: 48.88297872340425%;
}

.row-fluid .span5 {
  width: 40.42553191489362%;
  *width: 40.37234042553192%;
}

.row-fluid .span4 {
  width: 31.914893617021278%;
  *width: 31.861702127659576%;
}

.row-fluid .span3 {
  width: 23.404255319148934%;
  *width: 23.351063829787233%;
}

.row-fluid .span2 {
  width: 14.893617021276595%;
  *width: 14.840425531914894%;
}

.row-fluid .span1 {
  width: 6.382978723404255%;
  *width: 6.329787234042553%;
}


/* ****************************
			Selection
**************************** */

::selection { 
    background: #000;
    color: #fff; 
}

::-moz-selection { 
    background: #000;
    color: #fff;
}



/* ****************************
			Section
**************************** */

section{
	clear: both;
	padding-bottom: 40px;
}


h3.v_nav {display: none;}



/* ****************************
		  Media query
**************************** */

@media all and (max-width: 479px) {

	.nav {display: none;}
	
	h3.v_nav {
		height:45px;
		line-height:45px;
		font-size:13px;
		margin: 0;
		padding: 0;
		background: #8e9ea1;
		color:#FFF;
		text-align:center;
		font-family: 'Oswald',sans-serif;
		font-weight:300;
		font-size:22px;
		margin-top: 1px;
		display: block;
		cursor: pointer;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		 -khtml-user-select: none;
		   -moz-user-select: none;
			-ms-user-select: none;
				user-select: none;
	}

	h3.v_nav:first-child {
		margin-top: 0;
	}

	h3.v_nav:hover {
		text-decoration:underline;
	}

	h3.v_active {
		background-color:#ff6600;
		color: #fff;
		z-index:50;
	}

	.row-fluid [class*="span"] {margin-left: 0; margin: 1% 0;}

	.row-fluid .span1, 
	.row-fluid .span2, 
	.row-fluid .span3, 
	.row-fluid .span4, 
	.row-fluid .span5, 
	.row-fluid .span6, 
	.row-fluid .span7, 
	.row-fluid .span8, 
	.row-fluid .span9, 
	.row-fluid .span10, 
	.row-fluid .span11, 
	.row-fluid .span12 {width: 100%;}

}



/* ****************************
	IE10 split screen fix
**************************** */

@media screen and (max-width: 320px) {
	@-ms-viewport { width: 320px; }
}
 
@media screen and (min-width: 768px) and (max-width: 959px) {
	@-ms-viewport { width: 768px; }
}